<template>
  <div>
    <p>我是父组件</p>
      <!-- 具名插槽：#top等效于slot="top",但是只用于template -->
      <!-- 作用域插槽：v-slot的新的语法。slot-scope是老的语法 -->
    <!-- <son1>
      qqq
      <div slot="mid">666</div>
      <template slot="top">
        <button>老铁</button>
        曹县
      </template>
      <input type="text">
    </son1> -->
    <!-- 作用域插槽 -->
    <son1>
      <template v-slot="scope">
        <button>{{scope.item}}</button>
      </template>
    </son1>
  </div>
</template>

<script>
import son1 from "./son1.vue";
export default {
  data() {
    return {};
  },
  components: {
    son1,
  },
};
</script>

<style>
</style>